Supabase adalah platform Backend-as-a-Service (BaaS) yang bersifat open source. Artinya, Supabase menyediakan semua kebutuhan backend yang biasanya harus kamu bangun sendiri — seperti database, sistem login, penyimpanan file, dan koneksi realtime — dalam satu paket yang sudah siap pakai.

Kenapa disebut "Backend-as-a-Service"? Karena Supabase menyediakan layanan backend sebagai service — kamu tinggal pakai tanpa perlu mengelola server, instalasi database, atau konfigurasi jaringan. Semuanya sudah diurus oleh Supabase.

Empat komponen utama Supabase adalah: PostgreSQL Database untuk menyimpan data, Authentication untuk login pengguna, Storage untuk menyimpan file, dan Realtime untuk sinkronisasi data secara langsung.

Sebelum Supabase populer, banyak developer menggunakan Firebase — produk BaaS dari Google. Namun, Firebase memiliki beberapa kelemahan: database NoSQL yang kurang fleksibel untuk data kompleks, sifat closed source yang membuat kode tidak bisa diaudit publik, serta biaya yang membengkak seiring pertumbuhan data. Inilah mengapa Supabase hadir sebagai alternatif modern dengan pendekatan yang lebih terbuka dan fleksibel.

Arsitektur Supabase terdiri dari beberapa lapisan. Di bagian paling depan, ada API Gateway yang menjadi pintu masuk tunggal untuk semua permintaan dari aplikasi klien. Ketika aplikasi kamu melakukan request — misalnya login atau mengambil data — request tersebut masuk ke API Gateway terlebih dahulu. Gateway ini kemudian akan merutekan permintaan ke layanan yang tepat: Auth untuk login, Database untuk query data, Storage untuk file, dan Realtime untuk koneksi langsung.

Keempat layanan ini semuanya terhubung ke PostgreSQL sebagai database utama. Yang menarik, Supabase Realtime bekerja dengan cara mendengarkan perubahan di database PostgreSQL dan menyiarkannya ke semua klien yang terhubung — tanpa perlu polling manual.

Langkah pertama menggunakan Supabase adalah membuat akun di supabase.com. Kamu bisa mendaftar menggunakan email atau akun GitHub. Setelah login, kamu akan membuat proyek baru — beri nama proyekmu dan pilih region server terdekat. Proses pembuatan database memakan waktu sekitar 2-3 menit. Setelah selesai, kamu akan diberikan Project URL dan anon/public API Key — dua informasi penting yang akan kamu gunakan di kode aplikasi.

PostgreSQL adalah sistem database relasional yang sudah terbukti kehandalannya selama lebih dari 30 tahun. PostgreSQL menggunakan format tabel untuk menyimpan data — mirip dengan spreadsheet Excel tapi jauh lebih canggih dan aman. Supabase memilih PostgreSQL karena sifatnya yang open source, stabil, dan memiliki fitur yang sangat lengkap seperti foreign key, indexing, hingga full-text search.

SQL (Structured Query Language) adalah bahasa standar yang digunakan untuk berkomunikasi dengan database relasional. Melalui SQL, kamu bisa membuat tabel, menambah data, membaca data, mengubah data, dan menghapus data. Supabase menyediakan SQL Editor di dashboard-nya yang mirip dengan editor kode biasa — lengkap dengan syntax highlighting dan auto-complete. Berikut adalah lima query dasar yang wajib kamu kuasai:

CRUD adalah singkatan dari Create, Read, Update, Delete — empat operasi dasar yang bisa dilakukan pada database manapun. Konsep ini sangat penting karena hampir semua fitur di aplikasi (daftar akun, lihat produk, edit profil, hapus komentar) adalah implementasi dari salah satu operasi CRUD. Memahami CRUD berarti kamu sudah mengerti 80% dari cara kerja backend aplikasi modern.

Autentikasi adalah proses memverifikasi identitas pengguna — memastikan bahwa pengguna adalah benar-benar dirinya sendiri. Supabase menyediakan 5 metode autentikasi yang bisa kamu pilih sesuai kebutuhan aplikasi. Mulai dari yang klasik (Email/Password) hingga yang modern (Magic Link dan OAuth). Semua metode ini menghasilkan JWT Token — semacam "tiket" digital yang membuktikan bahwa pengguna sudah login.

OTP (One-Time Password) adalah kode unik yang dikirim ke email atau nomor telepon pengguna dan hanya bisa digunakan satu kali. Metode ini sangat aman karena kode bersifat sementara (biasanya kedaluwarsa dalam 5-10 menit) dan hanya bisa dipakai sekali. Alur kerjanya: user memasukkan email → Supabase mengirim kode OTP → user memasukkan kode → Supabase memverifikasi → mengeluarkan JWT token. Di sisi developer, implementasinya sangat sederhana — cukup dua panggilan fungsi.

Selain OTP, Supabase juga mendukung Magic Link dan OAuth. Magic Link bekerja dengan mengirimkan link khusus ke email pengguna — ketika link itu diklik, pengguna langsung login secara otomatis tanpa perlu memasukkan kode apapun. Sementara OAuth memungkinkan pengguna login menggunakan akun yang sudah mereka miliki — seperti Google atau GitHub — sehingga mereka tidak perlu membuat akun baru. Kedua metode ini meningkatkan User Experience (UX) karena meminimalkan gesekan saat login.

Supabase Storage adalah layanan untuk menyimpan dan mengelola file — seperti gambar profil, foto produk, dokumen, atau file apapun yang dibutuhkan aplikasi kamu. Konsepnya mirip dengan Google Drive: file disimpan dalam bucket (folder utama), yang bisa diatur aksesnya — Public (bisa diakses siapa saja via URL) atau Private (hanya bisa diakses oleh pengguna tertentu setelah login). Kamu juga bisa membuat Signed URL untuk memberikan akses sementara ke file private.

Proses upload file ke Supabase Storage sangat sederhana. Pertama, kamu panggil fungsi upload() dengan menentukan bucket tujuan dan file yang akan diupload. Setelah file terupload, kamu bisa mendapatkan URL publik untuk mengakses file tersebut. Untuk file di bucket private, kamu perlu membuat Signed URL — yaitu URL yang hanya berlaku sementara (misalnya 1 jam) sehingga tetap aman. Signed URL cocok untuk konten eksklusif seperti dokumen pribadi, foto yang belum dipublikasi, atau akses terbatas.

Realtime adalah fitur yang memungkinkan data di aplikasi kamu diperbarui secara langsung tanpa perlu me-refresh halaman. Cara kerjanya: Supabase membuka koneksi WebSocket antara server dan semua klien. Ketika ada perubahan di database (misalnya user menambah data baru), Supabase langsung broadcast perubahan tersebut ke semua klien yang terhubung. Berbeda dengan Polling (request berulang setiap beberapa detik) yang boros resource, Realtime hanya mengirim data ketika benar-benar ada perubahan. Fitur ini sangat penting untuk aplikasi chat, dashboard monitoring, dan aplikasi kolaboratif.

Contoh paling nyata penggunaan Realtime adalah aplikasi chat dan dashboard monitoring. Ketika User A mengirim pesan, data pesan disimpan ke database. Supabase Realtime mendeteksi perubahan ini dan langsung mengirimkannya ke User B, User C, dan semua user lain yang sedang online. Alur ini terjadi dalam hitungan milidetik — tanpa perlu manual refresh. Ini berbeda dengan pendekatan polling yang harus request setiap beberapa detik.

Laravel sebagai framework backend PHP bisa dengan mudah diintegrasikan dengan Supabase. Pola yang umum digunakan adalah Laravel bertindak sebagai backend API yang memproses logika bisnis, sementara Supabase menangani autentikasi dan database. Laravel berkomunikasi dengan Supabase melalui REST API menggunakan HTTP client seperti Guzzle. Untuk autentikasi, Laravel memverifikasi JWT token yang dikeluarkan oleh Supabase. Kombinasi ini cocok untuk aplikasi enterprise yang membutuhkan logika backend yang kompleks namun tetap ingin memanfaatkan kemudahan BaaS.

Untuk pengembangan mobile, Flutter adalah pilihan yang sangat populer. Supabase menyediakan package resmi supabase_flutter yang membuat integrasi menjadi sangat mudah. Dengan package ini, kamu bisa langsung memanggil fungsi autentikasi, query database, upload file, dan subscribe realtime — semuanya dari sisi Flutter. Alur yang terjadi: Flutter App → Supabase SDK → REST/WebSocket → Supabase Services. Pendekatan ini menghilangkan kebutuhan untuk memiliki backend server sendiri — Flutter bisa langsung terhubung ke Supabase.

Modern Inventory App adalah aplikasi manajemen inventori produk yang akan menggabungkan SEMUA komponen Supabase yang sudah dipelajari. Aplikasi ini memiliki fitur: login dengan OTP, CRUD produk (tambah, lihat, edit, hapus), upload gambar produk ke Storage, dan update realtime daftar produk. Proyek ini dirancang untuk memberi kamu pengalaman nyata membangun aplikasi full-stack dengan Supabase sebagai backend utama.

Untuk aplikasi inventori, kita membutuhkan setidaknya dua tabel yang saling berelasi. Tabel users untuk menyimpan data pengguna, dan tabel products untuk menyimpan data produk. Relasi antara keduanya adalah one-to-many — satu user bisa memiliki banyak produk (foreign key user_id di tabel products). Perhatikan bahwa kolom user_id di tabel products menggunakan REFERENCES users(id) — ini memastikan bahwa setiap produk selalu terhubung ke user yang valid.

Berikut adalah gambaran lengkap alur data pada Modern Inventory App. Aplikasi Flutter akan terhubung ke Supabase melalui SDK bawaan. Auth OTP untuk login, Database PostgreSQL untuk menyimpan data, Storage untuk menyimpan gambar produk, dan Realtime untuk update daftar produk secara otomatis. Perhatikan bahwa Realtime (RT) bertindak sebagai penghubung — ketika ada perubahan data di database, semua perangkat yang terhubung akan langsung mendapat update.

Selamat! Kamu telah mempelajari seluruh komponen utama Supabase — dari konsep dasar, database PostgreSQL, autentikasi, penyimpanan file, realtime, hingga integrasi dengan Laravel dan Flutter. Berikut ringkasan poin-poin penting yang harus kamu ingat:

Petunjuk lengkap — Kerjakan dengan rapi!

⏰ Deadline: Sesuai jadwal dari guru kelas